<template>
    <div>
        <el-header style="font-size: 20px;position: relative;left: -20px;top: 20px">
            <i class="el-icon-user"></i>/{{rowss.type}}
        </el-header>
        <div v-if="rowss.type.indexOf('费用减免')!=-1">
            <money :rows="rowss" @back="goBack"></money>
        </div>
        <div v-if="rowss.type.indexOf('结案')!=-1">
            <close-case :rows="rowss" @back="goBack"></close-case>
        </div>
        <div v-if="rowss.type.indexOf('退款')!=-1">
            <money :rows="rowss" @back="goBack"></money>
        </div>

        <el-divider></el-divider>
    </div>
</template>

<script>
    import Money from './Money.vue'

    import CloseCase from './CloseCase.vue'

    export default {
        props:['rows'],
        name: "AppyDetails",
        data(){
            return{
                rowss:this.rows
            }
        },
        methods:{
            goBack(){
                this.$emit('back')
            }
        },
        watch:{
            rows:function () {
                this.rowss=this.rows
            }
        },
        components:{
            Money,
            CloseCase,
        }
    }
</script>

<style scoped>

</style>
